﻿html {
	background-color: #fff;
}

header {
	background: url('../img/d_bg.jpg') left top;
	background-size: 50%;
	position: relative;
	text-align: center;
	padding: 25px 0 0 0;
}

	header img {
		display: inherit;
	}

.t-header {
	display: inherit;
	max-width: 750px;
	width: 100%;
	margin: 0 auto 10px auto;
}

.result {
	background: url('../img/d_arc.png') no-repeat center 70px;
	background-size: 100% auto;
	font-size: 1.7rem;
	line-height: 1.5;
	padding: 0 1%;
}

	.result .special {
		font-size: 1.9rem;
		margin-left: 3px;
		margin-right: 3px;
	}

		.result .special.career {
			color:#e64812;
			font-weight:bold;
		}

	.result img {
		width: 100%;
	}

	.result .avatar {
		border-width: 5px;
		border-color: #faea7b;
		height: 130px;
		margin-bottom: 10px;
		width: 130px;
	}

	.result .title {
		font-weight: bold;
		font-size: 2rem;
		padding: 0 4% 10px 4%;
		line-height: 1.3;
	}

	.result .congratulate {
		max-width: 152px;
		margin: 25px auto 10px auto;
		width: 20.3%;
	}

.action-list {
	padding: 15px 0 20px 0;
	text-align: center;
}

	.action-list .help {
		width: 65%;
		max-width: 632px;
	}

	.action-list .actions {
		margin-top: 20px;
	}

		.action-list .actions p {
			float: left;
			width: 50%;
			text-align: center;
		}

			.action-list .actions p a {
				display: inline-block;
				max-width: 80%;
			}
			.action-list .actions p:first-child a {
				-moz-box-shadow: 0 0 10px #e64812;
				-webkit-box-shadow: 0 0 10px #e64812;
				box-shadow: 0 0 10px #e64812;
			}

.game-actions {
	margin: 20px 0;
	padding: 0 4%;
}

	.game-actions p {
		text-align: center;
	}

	.game-actions img {
		width: 65%;
	}

.more-actions {
	color: #999;
	font-size: 1.5rem;
	text-align: center;
	padding-bottom: 30px;
}

	.more-actions h2 {
		border-top: 1px solid #d2d2d2;
		color: #666;
		font-size: 1.7rem;
		height: 40px;
		line-height: 40px;
		padding: 0 4%;
		text-align: left;
	}

	.more-actions a {
		margin: 0 auto 10px auto;
	}
